<template>
  <h1>{{ data.count }}</h1>
  <button @click="clickHandle">点击事件</button>
</template>

<script>
import { reactive } from 'vue'
export default {
  name: 'App',
  beforeCreate () {
    console.log(123)
  },
  setup() {
    const data = reactive({
      count: 10
    })

    const clickHandle = () => {
      data.count++
    }
    return {
      data,
      clickHandle
    }
  }
}
</script>
